<!--
 * @Author: your name
 * @Date: 2021-08-10 16:04:34
 * @LastEditTime: 2021-08-17 13:14:39
>>>>>>> 0cf0d05ab3d1c7e4a55ce702e24faf7dc07d5b0f
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \firstproject\CSS\starbucks-now.html
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>咖快™ - 在线点 到店取</title>
    <link rel="stylesheet" href="css/starbucks-now.css">
    <link rel="stylesheet" href="css/commom.css">
  </head>
  <body>
       <!--页面左边-->
        <div class='container'>
            <!-- 左边顶部 -->
            <header class='header'>
                <a class='logo' href='starbucks.html'>
                <img src='https://www-static.chinacdn.starbucks.com.cn/prod/assets/images/logo.svg' alt='星巴克'/>
                </a>
                <div class='primary'>
                    <ul>
                        <li class='stores'>
                            <a class="store-s" href='#'>门店</a>
                        </li>
                        <li class='account'>
                            <a class="account-c" href='account.html'> 我的帐户</a>
                        </li>
                        <li class='menu'>
                            <a class="menu-m"  href='menu.html'>菜单</a>
                        </li>
                    </ul>
                </div>
                <a class='trigger' rel='nav-overlay'> 
                    <button>
                        <img src='https://www-static.chinacdn.starbucks.com.cn/prod/assets/icons/icon-hamburger.svg'/>
                    </button>
                </a> 
            </header>
            <!-- 左边下底部-->
            <div class="container-m">
                <div class="container-bottom">
                    <div class="nav-d">咖快™&nbsp;&nbsp;-&nbsp;&nbsp;在线点 到店取</div>
                </div>
            </div>
        </div> 
        <!-- 扩展 -->
        <div class="nav">
            <header class='header1'>
                <a class='logo' href='starbucks.html'>
                <img src='https://www-static.chinacdn.starbucks.com.cn/prod/assets/images/logo.svg' alt='星巴克'/>
                </a>
                <a class='trigger1' rel='nav-overlay'> 
                    <button>
                        <img src='https://www-static.chinacdn.starbucks.com.cn/prod/assets/icons/icon-close.svg'/>
                    </button>
                </a> 
            </header1>
            <div class="container-m1">
                <div class="container-bottom1">
                    <ul class="list">
                        <li> <a href="#">门店</a></li>
                        <li> <a href="#">星享俱乐部</a></li>
                        <li> <a href="menu.html">菜单</a></li>
                        <li> <a href="starbucks-app.html">星巴克移动应用</a></li>
                        <li> <a href="#">星礼卡</a></li>
                        <li> <a href="starbucks-reserve.html">星巴克臻选<sup>TM</sup></a></li>
                        <li> <a href="starbucks-now.html">咖快<sup>TM</sup>&nbsp;-&nbsp;在线点 到店取</a></li>
                        <li> <a href="starbucks-delivers-info.html">专星送<sup>TM</sup></a></li>
                        <li> <a href="coffee-blog.html">咖啡星讲堂</a></li>
                        <li> <a href="#">上海烘焙坊</a></li>
                        <li> <a href="about.html">关于星巴克</a></li>
                        <li> <a href="help.html">帮助中心</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 页面右边 -->
        <div class="main">
            <img src="img/starbucks-now_imgs/head.jpeg" alt="">
            <img src="img/starbucks-now_imgs/2.jpg" alt="">
            <img src="img/starbucks-now_imgs/3.jpeg" alt="">
            <img src="img/starbucks-now_imgs/4_v2.jpeg" alt="">
            <img src="img/starbucks-now_imgs/5.jpeg" alt="">
            <div class="click">
                <a href="help.html">常见问题</a>
            </div>
        </div>
        <script>
            document.getElementsByTagName("button")[0].onclick=function(){document.getElementsByClassName("nav")[0].style.display="block",document.getElementsByClassName("container")[0].style.display="none";}
            document.getElementsByTagName("button")[1].onclick=function(){document.getElementsByClassName("nav")[0].style.display="none",document.getElementsByClassName("container")[0].style.display="block";}
        </script>
  </body>
  </html>
